Why So Many Luxury Brands Are Terrible at Ecommerce 為什麼這麼多奢侈品牌在電子商務方面表現糟糕
1. 商品與變體的區別（Product Variations vs. Different Products）
- 判斷兩件商品是不同商品還是同一商品的變體，可以依據以下標準：
- 如果兩件商品僅在某一個屬性（如顏色、尺寸或材質）上不同，它們屬於同一商品的變體。
- 如果兩件商品的描述存在顯著差異，它們應視為不同商品。
設計指導：
不同商品：應擁有獨立的頁面。
同一商品的變體：應在同一頁面中透過可選擇的屬性展示。
不遵循這一原則可能導致以下問題：
使用者難以比較本質不同的商品。
使用者需要在多個頁面間來回切換，增加了瀏覽負擔，並可能錯過符合需求的變體組合。
2. 不同商品的獨立列表（Multiple Listings for Multiple Products）
在研究中，我們發現一些網站將完全不同的商品視為同一商品的變體，放在同一頁面。例如，Best Buy網站的電視頁面透過下拉選單展示“系列”這一屬性，但每個系列實際上對應不同型號和功能的電視。
問題：
資訊不足：對普通使用者來說，“系列”標籤（如CX和NanoCell 81）難以理解，使用者需要自行查詢差異資訊，增加了選擇的複雜性。
使用者困惑：使用者可能在頁面上無意間選擇了超出預算或需求的商品，難以回到原本感興趣的型號。
更優設計：
將不同系列的電視設為獨立商品頁面，而不是透過下拉選單選擇。其他相關型號可以透過“類似商品”模組展示。例如，Costco網站將每個系列分開展示，並在頁面下方推薦相關商品。
3. 同一商品的集中展示（Single Listing for Product Variants）
將同一商品的不同變體分散到多個頁面可能帶來以下問題：
使用者無法發現所有變體：使用者很可能只瀏覽部分列表，錯過符合需求的選項。
互動成本增加：使用者在比較和篩選時，需要反覆跳轉頁面，增加了操作複雜性。
解決方法：
將所有變體集中在一個頁面，並提供清晰的屬性選擇器（例如，顏色和高度）。
在商品列表頁使用顏色樣本或縮圖展示變體選項，讓使用者一目瞭然。
4. 易於發現的商品變體（Variations for Single Products Should Be Easily Discoverable）
同一商品的所有變體應集中展示在一個頁面，同時確保在列表頁中清楚表明存在多個變體。以下是幾種有效的展示方法：
展示多種變體的產品圖片
例如：Grandin Road展示多種變體的產品合照，讓使用者直觀瞭解可選項。
5. 特殊情況：小型產品目錄（Small Product Catalogs）
對於產品數量較少的小型電商網站（如Coclico），可以將不同變體設定為獨立頁面。但即便如此，商品頁面仍應提供變體選擇功能。例如，允許使用者在頁面內切換顏色或其他屬性，而不是讓使用者依賴“相關商品”模組查詢變體。
6. 結論與設計要點（Conclusion and Design Takeaways）
- 對於簡單變體（如顏色或尺寸），使用單一商品頁面，透過屬性選擇器展示不同選項。
- 在商品列表頁中，高對比度的變體指示器（如顏色樣本或縮圖）應清晰易見。
- 對於複雜變體（如功能顯著不同的商品），應分為獨立商品頁面，以便使用者研究和比較。
- 對於小型目錄網站，分散展示變體的同時，仍應在商品頁面提供切換功能，避免使用者錯過選項。
透過遵循這些設計原則，電商網站能夠有效減少使用者的購物困惑，提升購物體驗，同時確保商品變體的完整展示。